<template>
	
	<!-- 按次订单详情 -->
	<view class="order" v-if="details" style="background-color: #F8F8F8;height: 100vh;">
		<!-- 导航 -->
		<!-- <u-navbar back-icon-color="#000000" title="订单详情" title-color="#3F3F3F" :title-bold="true" :border-bottom="false"
		 :background="background"></u-navbar> -->
		<u-navbar back-text="订单详情" :back-text-style="textStyle" back-icon-color="#000000" style="font-weight: bold;font-family: PingFang SC;"></u-navbar>
		<!-- end -->
		<view v-if="details.orderStatus !== '匹配中'" style="padding-bottom: 100rpx;">
			<view class="allorder" style="width: 95%;margin:22rpx auto;border-radius: 20rpx;background-color: white;">
				<view style="width: 95%;margin:0rpx auto;padding: 15rpx 0rpx;">
					<view style="width: 100%;margin: auto;overflow: hidden;padding: 20rpx 0 25rpx 0;">
						<view v-if="details.enterpriseName" style="float: left;">
							<view style="display: flex;">
								<image style="width: 38rpx;height:38rpx;" mode="aspectFill" :src="details.enterpriseImage"></image>
								<view style="color: #3F3F3F;font-size:30rpx;font-weight: bold;margin-left: 10rpx;">{{ details.enterpriseName }}</view>
							</view>
						</view>
						<view style="float: right;color: #3F3F3F;font-size:30rpx;font-weight: bold;">{{ details.statusName }}</view>
					</view>
					<view class="orders" style="">
						<image :src="details.orderImage" mode="aspectFill" class="order_img" style="width: 138rpx;height:138rpx;"></image>
						<view class="person">
							<!-- <view class="fenshu">
									<view class="usern">{{details.entName}}</view>
									<view class="jingyan">{{details.totalYear||0}}年行业经验</view>
								</view> -->
							<view class="dianming">{{ details.orderName }}</view>
							<view class="hour" style=" color: #979797;font-size: 26rpx;">
								<view v-if="details.orderType != 3">时长：{{ details.amount || 0 }}小时</view>
								<view v-if="details.orderType == 3">数量：{{ details.amount || 0 }}</view>
							</view>
							<view style="overflow: hidden;width: 100%;">
								<view class="hour" style="float: left; color: #979797;font-size: 26rpx;">
									<view>金额：{{ details.univalence }}{{ details.univalenceUnit }}</view>
								</view>
								<view
									@tap.stop="zlyd(details)"
									v-if="details.orderStatus == 'CANCEL' || details.orderStatus == 'ISSUE_END' || details.orderStatus =='FINISH_APPRAISE'"
									style="float: right; font-size: 30rpx;border: 1px solid #F29423;border-radius: 10rpx;width: 148rpx;
										height: 60rpx;line-height: 60rpx;text-align: center;color: #F29423;"
								>
									再来一单
								</view>
								<view
									@tap.stop="sqtuikuan(details.orderId, details.chargeType)"
									v-if="(details.orderStatus == 'ON_SERVICE'|| details.orderStatus =='WAIT_TAKE_PACKAGE') && details.isDistribution == 1"
									style="float: right; font-size: 30rpx;border: 1px solid #707070;border-radius: 10rpx;width: 148rpx;height: 60rpx;line-height: 60rpx;text-align: center;color: #000000;"
								>
									申请退款
								</view>
								<view
									v-if="details.orderStatus == 'FINISH_SERVICE'"
									@tap.stop="ljpj(details.orderId, details.chargeType)"
									style="float: right; font-size: 30rpx;border: 1px solid #707070;border-radius: 10rpx;width: 148rpx;
										height: 60rpx;line-height: 60rpx;text-align: center;color: #000000;"
								>
									立即评价
								</view>
								<view
									@tap.stop="shxq(details.orderId)"
									v-if="details.orderStatus == 'ISSUE'"
									style="float: right; font-size: 30rpx;border: 1px solid #707070;border-radius: 10rpx;width: 148rpx;
																	height: 60rpx;line-height: 60rpx;text-align: center;color: #000000;"
								>
									售后详情
								</view>
								<view
									@tap.stop="cancleOrder(details)"
									v-if="((details.orderStatus == 'ON_SERVICE' || details.orderStatus == 'WAIT_TAKE_PACKAGE') && details.isDistribution == 0) || (details.orderStatus == ' WAIT_PAY_UNIT' || details.orderStatus == 'WAIT_PAY_PACKAGE')"
									style="float: right; font-size: 30rpx;border: 1px solid #707070;border-radius: 10rpx;width: 148rpx;
									height: 60rpx;line-height: 60rpx;text-align: center;color: #000000;"
								>
									取消订单
								</view>
							</view>
							<view
								v-if="details.orderStatus == 'FINISH_SERVICE'"
								@tap.stop="sq_service(details.orderId)"
								style="margin-top: 14rpx;float: right; font-size: 30rpx;border: 1px solid #707070;border-radius: 10rpx;width: 148rpx;
									height: 60rpx;line-height: 60rpx;text-align: center;color: #000000;"
							>
								申请售后
							</view>
							<view v-if="details.orderStatus == 'FIGHT_GROUP'" style="display: flex;flex-direction: row-reverse;    margin-top: 30rpx;">
								<view>
									<button open-type="share" style="padding: 0;width: 148rpx;height: 64rpx;margin-left: 24rpx;line-height: 64rpx;text-align: center;color: #363636;font-size: 26rpx;background: #ffe051;border-radius: 20rpx;">立即分享</button>
								</view>
								<view
									@tap.stop="cancle"
									style="margin-right: 20rpx; font-size: 30rpx;border: 1px solid #707070;border-radius: 10rpx;width: 148rpx;height: 60rpx;line-height: 60rpx;text-align: center;color: #000000;">
									取消订单
								</view>
							</view>
						</view>
					</view>
					<view style="width: 100%;display: flex;padding:30rpx 0rpx 2rpx 0rpx ;" >
						<view  style="width: 40%;display: flex;align-items: center;height: 66rpx; justify-content: center;">
							<image v-if="details.enterprisePhone" @tap.stop="callphone(details.enterprisePhone)" style="width: 40rpx ;height: 30rpx;" src="https://beedao.oss-cn-beijing.aliyuncs.com/589bf266d6694a82965bb391e4447d0a.png"></image>
							<view v-if="details.enterprisePhone" @tap.stop="callphone(details.enterprisePhone)" style="font-size: 26rpx;color: #000000;margin-left: 8rpx;">联系商家</view>
						</view>
						<view style="width: 20%;color: #F8F8F8;text-align: center;font-size: 40rpx;line-height: 66rpx;">|</view>
						<view @tap.stop="callphone('4001698585')" style="width: 40%;display: flex;height: 66rpx; align-items: center;justify-content: center;">
							<image style="width: 40rpx ;height: 30rpx;" src="https://beedao.oss-cn-beijing.aliyuncs.com/96c4e56fed754509be3a99ff18152dd9.png"></image>
							<view style="font-size: 26rpx;color: #000000;margin-left: 8rpx;">联系平台</view>
						</view>
					</view>
				</view>
			</view>
			<view v-if="details.verificationCode" style="width: 95%;margin: auto;background-color: white;padding-bottom: 10rpx;border-radius: 20rpx;">
				<view style="width: 95%;margin:0 auto;padding-top: 22rpx;">
					<view style="color: #3F3F3F;font-size: 30rpx;font-weight: bold;">服务码</view>
					<view style="color:#BFBFBF ;font-size: 26rpx;line-height: 50rpx;padding-bottom: 40rpx;">可使用（1次）服务结束后请主动出示此服务码</view>
					<view style="position: relative;">
						<view style="width: 276rpx;height: 276rpx;margin:0 auto;">
							<tki-qrcode
								cid="qrcode"
								ref="qrcode"
								:val="val"
								:size="size"
								:unit="unit"
								:background="background"
								:foreground="foreground"
								:pdground="pdground"
								:icon="icon"
								:iconSize="iconsize"
								:lv="lv"
								:onval="onval"
								:loadMake="loadMake"
								:usingComponents="true"
							/>
						</view>

						<view v-if="details.verificationFlag == 1">
							<view style="text-decoration: line-through; font-size: 36rpx;color: #000000;font-weight: bold;text-align: center;">
								服务码：{{ details.verificationCode }}
							</view>

							<view style="text-decoration: line-through; font-size: 26rpx;color: #000000;text-align: center;line-height: 60rpx;">服务前请拒绝向商家提供服务码</view>
						</view>
						<view v-else>
							<view style="font-size: 36rpx;color: #000000;font-weight: bold;text-align: center;">服务码：{{ details.verificationCode }}</view>

							<view style=" font-size: 26rpx;color: #000000;text-align: center;line-height: 60rpx;">服务前请拒绝向商家提供服务码</view>
						</view>

						<view
							v-if="details.statusName == '已取消'"
							style="position: absolute;top: 0rpx;left: 0rpx;width: 100%;text-align: center;height: 100%;background-color: rgba(255,255,255,0.8);"
						>
							<image style="width: 308rpx;height: 262rpx;" src="../../static/gx_img/ddxq_yqx.png"></image>
						</view>
						<view
							v-if="details.statusName == '已完成' || details.statusName == '售后完成'"
							style="position: absolute;top: 0rpx;left: 0rpx;width: 100%;text-align: center;height: 100%;background-color: rgba(255,255,255,0.8);"
						>
							<image style="width:328rpx;height: 248rpx;" src="../../static/gx_img/ddxq_ysy.png"></image>
						</view>
					</view>
				</view>
			</view>
			<!-- 地址信息 -->
			<view style="width:95% ;margin:22rpx auto;background-color: white;border-radius: 20rpx;">
				<view style="width: 95%;margin:0 auto;padding-top: 22rpx;">
					<view style="color: #3F3F3F;font-size: 30rpx;font-weight: bold;">地址信息</view>

					<view style="width: 100%;overflow: hidden;padding-top: 30rpx;padding-bottom: 20rpx;">
						<view style="float: left;font-size: 26rpx;color: #7A7A7A;font-weight: 400;width: 30%;">服务地址</view>
						<view style="float: right;width: 70%;text-align: right;">
							<view style="">
								<text style="text-align: right;font-size: 26rpx;color: #7A7A7A;">
									{{ details.province }}{{ details.city }}{{ details.region }}{{ details.address }}
								</text>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 下单时间 -->
			<view style="width:95% ;margin:22rpx auto;background-color: white;border-radius: 20rpx;">
				<view style="width: 95%;margin:0 auto;padding-top: 22rpx;">
					<view style="color: #3F3F3F;font-size: 30rpx;font-weight: bold;">下单信息</view>

					<view style="width: 100%;overflow: hidden;padding-top: 30rpx;">
						<view style="float: left;font-size: 26rpx;color: #7A7A7A;font-weight: 400;width: 30%;">下单时间</view>
						<view style="float: right;width: 70%;text-align: right;font-size: 26rpx;color: #7A7A7A;">{{ details.createTime }}</view>
					</view>
					<view v-if="details.orderType != 3" class="foot_name">
						<view class="lei">预约时间：</view>
						<view class="lei">{{ details.startTime }}</view>
					</view>
					<view v-if="details.orderType == 3" class="foot_name">
						<view class="lei">订单金额：</view>
						<view class="lei">{{ details.totalPay }}</view>
					</view>
				</view>
			</view>
			<!-- 订单信息 -->
			<view style="width:95% ;margin:22rpx auto;background-color: white;border-radius: 20rpx;">
				<view style="width: 95%;margin:0 auto;padding-top: 22rpx;padding-bottom: 22rpx;">
					<view style="color: #3F3F3F;font-size: 30rpx;font-weight: bold;">订单信息</view>
					<view style="width: 100%;overflow: hidden;padding-top: 30rpx;">
						<view style="float: left;font-size: 26rpx;color: #7A7A7A;font-weight: 400;width: 30%;">服务类型</view>
						<view style="float: right;width: 70%;text-align: right;font-size: 26rpx;color: #7A7A7A;">
							<text v-if="details.orderType == 1">订单速配</text>
							<text v-else-if="details.orderType == 2">优选服务</text>
							<text v-else-if="details.orderType == 3">团购</text>
						</view>
					</view>
					<view style="width: 100%;overflow: hidden;padding-top: 30rpx;">
						<view style="float: left;font-size: 26rpx;color: #7A7A7A;font-weight: 400;width: 30%;">订单编号</view>
						<view style="float: right;width: 70%;text-align: right;font-size: 26rpx;color: #7A7A7A;">{{ details.orderCode }}</view>
					</view>
					<view style="width: 100%;overflow: hidden;padding-top: 15rpx;">
						<view style="float: left;font-size: 26rpx;color: #7A7A7A;font-weight: 400;width: 30%;">联系人</view>
						<view style="float: right;width: 70%;text-align: right;font-size: 26rpx;color: #7A7A7A;">{{ details.contactsName }}</view>
					</view>
					<view style="width: 100%;overflow: hidden;padding-top: 15rpx;">
						<view style="float: left;font-size: 26rpx;color: #7A7A7A;font-weight: 400;width: 30%;">付款时间</view>
						<view style="float: right;width: 70%;text-align: right;font-size: 26rpx;color: #7A7A7A;">{{ details.payTime || '' }}</view>
					</view>
					<view style="width: 100%;overflow: hidden;padding-top: 15rpx;">
						<view style="float: left;font-size: 26rpx;color: #7A7A7A;font-weight: 400;width: 30%;">订单总价</view>
						<view style="float: right;width: 70%;text-align: right;font-size: 26rpx;color: #7A7A7A;">￥{{ details.price }}</view>
					</view>
					<view style="width: 100%;overflow: hidden;padding-top: 15rpx;">
						<view style="float: left;font-size: 26rpx;color: #7A7A7A;font-weight: 400;width: 30%;">附加金额</view>
						<view style="float: right;width: 70%;text-align: right;font-size: 26rpx;color: #7A7A7A;">￥{{ details.entAdditional || '0' }}</view>
					</view>
					<view style="width: 100%;overflow: hidden;padding-top: 15rpx;">
						<view style="float: left;font-size: 26rpx;color: #7A7A7A;font-weight: 400;width: 30%;">优惠券抵扣</view>
						<view style="float: right;width: 70%;text-align: right;font-size: 26rpx;color: #F29423;">-￥{{ details.couponPrice }}</view>
					</view>
					<view style="width: 100%;overflow: hidden;padding-top: 15rpx;">
						<view style="float: left;font-size: 26rpx;color: #7A7A7A;font-weight: 400;width: 30%;">拼团优惠</view>
						<view style="float: right;width: 70%;text-align: right;font-size: 26rpx;color: #F29423;">-￥{{ details.groupReduce }}</view>
					</view>
					<view style="width: 100%;overflow: hidden;padding-top: 15rpx;">
						<view style="float: left;font-size: 26rpx;color: #7A7A7A;font-weight: 400;width: 30%;">实际支付</view>
						<view style="float: right;width: 70%;text-align: right;font-size: 26rpx;color: #F29423;">￥{{ details.totalPay }}</view>
					</view>
				</view>
			</view>
			<!-- 服务人员 -->
			<view v-if="details.packageEmployees != ''" style="width:95% ;margin:22rpx auto;background-color: white;border-radius: 20rpx;">
				<view style="width: 95%;margin:0 auto;padding-top: 22rpx;">
					<view style="color: #3F3F3F;font-size: 30rpx;font-weight: bold;">服务人员</view>
					<view v-if="details.packageEmployees != ''" style="padding-top: 20rpx;">
						<view class="wrap">
							<view class="lits" style="display: flex;" v-for="(item, index) in details.packageEmployees" :key="index" @click="pepoleDetails()">
								<view style="width: 114rpx;height: 114rpx;">
									<image style="width: 114rpx;height: 114rpx;border-radius: 50%;" :src="item.portrait" mode="aspectFill"></image>
								</view>

								<view style="margin-left: 16rpx;">
									<view>
										<text class="name">{{ item.name }}</text>
										<text class="exprience" style="background-color: #FFFBF3;">{{ item.workYear }}年工作经验</text>
									</view>
									<view class="goodAt" style="padding-top: 10rpx;">
										<view class="goods" style="width: 120rpx;">擅长</view>
										<view class="have" style="width: 80%;">
											<view
												v-for="(ite, ind) in item.businessNames"
												style="padding: 6rpx 10rpx 6rpx 10rpx; background-color:  #F8F8F8;color: #979797; margin-bottom: 15rpx;"
											>
												{{ ite }}
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>

			<view v-if="details.orderStatus == 'WAIT_PAY_UNIT' || details.orderStatus == 'WAIT_PAY_PACKAGE'" class="footer" style="padding: 12rpx;border-top: 1rpx solid #F5F5F5;">
				<view class="foot_mon" style="">
					<view class="writes">
						<text style="color: #F29423;font-size:30rpx;">￥</text>
						<text style="color: #F29423;font-size: 40rpx;font-weight: bold;">{{ details.totalPay }}</text>
					</view>
					<view @click="is_mingxi()" style="display: flex;">
						<view>费用明细</view>
						<view style="margin-left: 10rpx;"><u-icon name="arrow-up" color="#707070" size="20"></u-icon></view>
					</view>
					<view
						@tap="fast(orderId)"
						style="width:258rpx;border-radius: 26rpx;background-color: #FCA800;text-align: center;font-size: 38rpx;color: white;line-height: 88rpx;"
					>
						立即支付
					</view>
				</view>
			</view>
			<view v-if="details.orderStatus == 'WAIT_PAY_LESS'" class="footer" style="padding: 12rpx;border-top: 1rpx solid #F5F5F5;">
				<view class="foot_mon" style="">
					<view class="writes">
						<text style="color: #F29423;font-size:30rpx;">￥</text>
						<text style="color: #F29423;font-size: 40rpx;font-weight: bold;">{{ details.entAdditional || '0' }}</text>
					</view>
					<!-- <view @click="is_mingxi()" style="display: flex;">
						<view>费用明细</view>
						<view style="margin-left: 10rpx;"><u-icon name="arrow-up" color="#707070" size="20"></u-icon></view>
					</view> -->
					<view
						@tap.stop="zffjf(details)"
						style="width:258rpx;border-radius: 26rpx;background-color: #FCA800;text-align: center;font-size: 38rpx;color: white;line-height: 88rpx;"
					>
						立即支付
					</view>
				</view>
			</view>
		</view>
		<view v-else>
			<view style="width: 92%;margin: 0 auto;border-radius: 12rpx;margin-top: 30rpx;padding: 16px;background-color: #fff;">
				<view style="line-height: 40px;font-size: 32rpx;font-weight: 550;">正在为您匹配保洁阿姨</view>
				<view style="display: flex;border-bottom: 1px solid #D4D4D4;padding-bottom: 24rpx;">
					<view class=""><image style="width: 160rpx;height:160rpx;" :src="details.orderImage" mode="aspectFill"></image></view>
					<view style="color: #B4B4B4;line-height: 44rpx;margin-left: 20rpx;">
						<view style="color: #363636;line-height: 60rpx;">{{ details.orderName }}</view>
						<view class="">时长：{{ details.amount }}小时</view>
						<view class="">{{ details.province }}{{ details.city }}{{ details.region }}{{ details.address }}</view>
					</view>
				</view>
				<view style="color: #B4B4B4;line-height: 44rpx;border-bottom: 1px solid #D4D4D4;padding: 24rpx 0;">
					<view style="color: #363636;line-height: 60rpx;">{{ details.orderName }}({{ details.amount }}小时)</view>
					<view class="">下单时间：{{ details.createTime }}</view>
					<view class="">预约时间：{{ details.startTime }}</view>
					<view class="">服务地址：{{ details.province }}{{ details.city }}{{ details.region }}{{ details.address }}</view>
					<view class="">
						<text>{{ details.contactsName }}</text>
						<text style="margin-left: 15rpx;">{{ details.contactsPhone }}</text>
					</view>
				</view>
				<view style="line-height: 100rpx;text-align: center;" @tap.stop="quxiao(details.orderId)">
					<u-icon size="32" name="close-circle-fill"></u-icon>
					取消订单
				</view>
			</view>
		</view>
		<u-popup mode="bottom" v-model="mingxi">
			<view style="width: 93%;margin: auto;display: flex;align-items: center;padding-top: 22rpx;justify-content: space-between;">
				<view style="color: #9393AA;font-size:24rpx;">费用明细：</view>
				<view @click="is_mingxi()"><image style="width: 30rpx;height: 30rpx;" src="../../static/gx_img/xiadan_4.png"></image></view>
			</view>

			<view class="content" style="width: 90%;margin: auto;padding-bottom: 100rpx;">
				<view>
					<view style="display: flex;align-items: center;justify-content: space-between;margin-top:30rpx ;">
						<view style="display: flex;align-items: center;">
							<image style="width:24rpx ;height: 24rpx;margin-right: 10rpx;" src="../../static/gx_img/xiadan_1.png"></image>
							<view class="start">服务费用</view>
						</view>
						<view class="">
							<view style="font-size: 24rpx;color: #9393AA;" class="">￥{{ details.price }}</view>
						</view>
					</view>
					<view style="display: flex;align-items: center;justify-content: space-between;margin-top:30rpx ;">
						<view style="display: flex;align-items: center;">
							<image style="width:24rpx ;height: 20rpx;margin-right: 10rpx;" src="../../static/gx_img/xiadan_2.png"></image>
							<view class="start">优惠券</view>
						</view>
						<view class="">
							<view style="font-size: 24rpx;color: #9393AA;" class="">-￥{{ details.couponPrice }}</view>
						</view>
					</view>
					<view style="display: flex;align-items: center;justify-content: space-between;margin-top:30rpx ;">
						<view style="display: flex;align-items: center;">
							<image style="width:22rpx ;height: 24rpx;margin-right: 10rpx;" src="../../static/gx_img/xiandan_3.png"></image>
							<view class="start">积分抵扣</view>
						</view>
						<view class="">
							<view style="font-size: 24rpx;color: #9393AA;" class="">-￥{{ details.usedBalances }}</view>
						</view>
					</view>
				</view>
			</view>
			<view class="foot_mon" style="width: 92%;margin: auto;padding-bottom: 22rpx;">
				<view class="writes">
					<text style="color: #F29423;font-size:30rpx;">￥</text>
					<text style="color: #F29423;font-size: 40rpx;font-weight: bold;">{{ details.totalPay }}</text>
				</view>
				<view @click="is_mingxi()" style="display: flex;">
					<view>费用明细</view>
					<view style="margin-left: 10rpx;"><u-icon name="arrow-down" color="#707070" size="20"></u-icon></view>
				</view>
				<view
					@tap="fast(orderId)"
					style="width:278rpx;height: 88rpx;border-radius: 26rpx;background-color: #FCA800;text-align: center;font-size: 38rpx;color: white;line-height: 88rpx;"
				>
					立即支付
				</view>
			</view>
		</u-popup>

		<u-toast ref="uToast" />
		<!-- 选择支付 -->
		<u-popup mode="bottom" v-model="payorder">
			<view style="width: 100%;position: absolute;top: 0;left: 0;">
				<view style="width: 92%;position: relative;margin:0 auto;">
					<view style="width: 100%;text-align: left;font-size: 30rpx;font-weight: bold;line-height: 80rpx;">选择支付方式</view>
					<image
						@click="payorder=false"
						style="position: absolute;top: 26rpx;right: 24rpx;width: 24rpx;height: 24rpx;position: absolute;"
						src="https://beedao.oss-cn-beijing.aliyuncs.com/94babc7b1aa54980a1abb68a5319c31f.png"
						mode=""
					></image>
				</view>
			</view>
			<view class="content" style="width: 92%;margin: auto;margin-top: 94rpx;">
				<view style="margin-bottom: 20rpx;">
					<view style="display: flex;justify-content: space-between;padding: 20rpx 0;border-bottom: 1rpx solid #D8D8D8;" @click="userInfoVO.money > totalPay?setPayType(2):''">
						<view style="display: flex;">
							<view style="display: flex;justify-content: center;align-items: center;">
								<image style="width: 38rpx;height: 38rpx;" src="https://beedao.oss-cn-beijing.aliyuncs.com/3a026cf316644413ad1898dc6841881c.png" mode=""></image>
							</view>
							<view style="color: #757575;margin-left: 10rpx;display: flex;justify-content: center;align-items: center;">余额支付（剩余￥{{userInfoVO.money? userInfoVO.money : 0}}）</view>
						</view>
						<view v-if="userInfoVO.money > totalPay" style="padding: 8rpx 16rpx;display: flex;justify-content: center;align-items: center;">
							<image style="width: 36rpx;height: 36rpx;" :src="payType == '1' ? payImg.xImg :payImg.noImg" mode=""></image>
						</view>
						<view @click="goMnmber" v-else style="padding: 8rpx 16rpx;display: flex;justify-content: center;align-items: center;color: #676767;">
							{{userInfoVO.member ? "立即续费" : "立即开通"}}
						</view>
					</view>
					<view style="display: flex;justify-content: space-between;padding: 20rpx 0;border-bottom: 1rpx solid #D8D8D8;" @click="setPayType(1)">
						<view style="display: flex;">
							<view style="display: flex;justify-content: center;align-items: center;">
								<image style="width: 38rpx;height: 36rpx;" src="https://beedao.oss-cn-beijing.aliyuncs.com/297779f071654a9689c790b6395d5eaf.png" mode=""></image>
							</view>
							<view style="color: #757575;margin-left: 10rpx;display: flex;justify-content: center;align-items: center;">微信支付</view>
						</view>
						<view style="padding: 8rpx 16rpx;display: flex;justify-content: center;align-items: center;">
							<image style="width: 36rpx;height: 36rpx;" :src="payType == '2' ? payImg.xImg :payImg.noImg" mode=""></image>
						</view>
					</view>
					
				</view>
				<view style="display: flex;justify-content: space-between;align-items: center;padding:12rpx 0rpx 20rpx 0rpx;">
					<view class="writes">
						<text style="color: #757575;font-size:36rpx;">实付款：</text>
						<text style="color: #FFAA00;font-size:34rpx;">￥</text>
						<text style="color: #FFAA00;font-size: 40rpx;font-weight: bold;">{{ totalPay ? totalPay : 0 }}</text>
					</view>
					<view
						@click="clickPay ? promptlyPay(): ''"
						style="width: 48%;height: 88rpx;border-radius: 12rpx;background-color: #FCC800;text-align: center;font-size: 34rpx;color: #323332;line-height: 88rpx;"
					>
						立即支付
					</view>
				</view>
			</view>
		</u-popup>
		<!-- show-cancel-button	 -->
		<u-modal v-model="show" title="温馨提示" confirm-color="#FF3D00" :content="content"></u-modal>
	</view>
</template>

<script>
import tkiQrcode from '../../components/tki-qrcode/tki-qrcode.vue';
var that;
export default {
	components: {
		tkiQrcode
	},
	data() {
		return {
			show:false,
			content:"",
			orderId:"",
			totalPay:0,
			clickPay:true,
			payImg:{
				xImg:"https://beedao.oss-cn-beijing.aliyuncs.com/3307a934f8774ccc944183d42934e369.png",
				noImg:"https://beedao.oss-cn-beijing.aliyuncs.com/e680513bfd854e33be8f67a06f376a27.png"
			},
			userInfoVO:{},//用户信息
			payorder:false,//支付弹框
			payType:2,//支付方式
			mingxi: false,

			customStyle: {
				backgroundColor: '#EEEEEE',
				color: '#979797',
				border: 'none'
			},
			customType: {
				backgroundColor: '#ffffff',
				color: '#FCA800',
				border: '2rpx solid',
				borderRadius: '30rpx'
			},
			show: false,
			check: false,
			page: 0,
			pages: 1,
			size: 10,

			tabCur: '0',
			tabs: [
				{
					name: '全部',
					type: 'em'
				},
				{
					name: '待确认',
					type: 'package'
				},
				{
					name: '待支付',
					type: 'ez'
				},
				{
					name: '待服务',
					type: 'ef'
				},
				{
					name: '服务中',
					type: 'ew'
				},
				{
					name: '投诉中',
					type: 'et'
				},
				{
					name: '待评价',
					type: 'ep'
				}
			],
			tabsType: 'em',
			value: 4,
			orderId: '',
			details: '',
			orderStatus: '',
			quanid: '',
			useBalanceFlagflag: 0,
			size: 250, // 二维码大小
			unit: 'upx', // 单位
			background: '#ffffff', // 背景色
			foreground: '#000000', // 前景色
			pdground: '#000000', // 角标色
			is_click: true,
			iconsize: 40, // 二维码图标大小
			lv: 3, // 二维码容错级别 ， 一般不用设置，默认就行
			onval: false, // val值变化时自动重新生成二维码
			loadMake: true, // 组件加载完成后自动生成二维码
			val_code: '',

			val: null
		};
	},
	onLoad(option) {
		that = this;
		if (option.quan_id) {
			that.quanid = option.quan_id;
		}
		// that.quanid='';
		that.orderId = option.orderId;
		
		// that.orderStatus = option.orderStatus;

		// this.getOrderDetail();
	},
	filters: {},
	onShow() {
		that = this;
		that.orderDetail(that.orderId);
		that.getUserInfo();
	},
	methods: {
		// 去会员页面
		goMnmber(){
			uni.navigateTo({
				url: '../member/meCenter'
			})
		},
		// 用户信息
		getUserInfo() {
			var _this = this;
			let opts = {
				way: true, //true JSON请求；false 表单请求
				method: 'post',
				url: 'user/info'
			};
			let data = {}; 
			_this.http.httpTokenRequest(opts, data).then(res => {
				if (res.code == "200") {						
					_this.userInfoVO = res.data.userInfoVO;
					_this.userInfoVO.money=parseFloat(_this.userInfoVO.money);
				}
			});
		},
		// 选中支付方式
		setPayType(type){
			this.payType=type;
		},
		// 立即支付附加费
		promptlyPay(){
			var _this = this;
			
			uni.showModal({
				title: '提示',
				content: '确定支付吗？',
				cancelText: '取消', // 取消按钮的文字
				confirmText: '确认', // 确认按钮文字
				confirmColor: '#F29423',
				cancelColor: '#979797',
				success: function(res) {
					if (res.confirm) {
						_this.clickPay=false;
						let opts = {
							way: true, //true JSON请求；false 表单请求
							method: 'post',
							url: 'unit-orders/payLess'
						};
						let data = {
							orderId: _this.orderId,
							payType:_this.payType
						};
						_this.http.httpTokenRequest(opts, data).then(res => {
							if (res.code == 200) {
								var needstr = res.data;
								uni.requestSubscribeMessage({
									tmplIds: ['IdSIZcF3KlfXRiP4wvU4jwt6hu2tU2LnbsUPfF_Tq80', 'EjQNBMRd3C1y7Y1OMAyLn7sLsRNoolBBV42v1btLchw'],
									success(res) {
										if (needstr.needPay == 0) {
											uni.navigateTo({
												url: '/pageageA/order/paySucess?type=1' + '&orderId=' + needstr.orderId
											});
											_this.clickPay=true;
											_this.payorder=false;
										} else {
											_this.wxpay(needstr.vxPayData);
										}
									},
									fail(err) {
										if (needstr.needPay == 0) {
											uni.navigateTo({
												url: '/pageageA/order/paySucess?type=1' + '&orderId=' + needstr.orderId
											});
											_this.clickPay=true;
											_this.payorder=false;
										} else {
											_this.wxpay(needstr.vxPayData);
										}
									}
								});
							} else {
								_this.$refs.uToast.show({
									title: res.message,
									type: 'error'
								});
							}
						});
					}
				}
			});
		},
		// 支付附加费
		zffjf(item) {
			this.orderId=item.orderId;
			this.totalPay=parseFloat(item.entAdditional);
			this.payorder=true;
		},
		callphone(contactsPhone) {
			var _this = this;
			uni.makePhoneCall({
				phoneNumber: contactsPhone //仅为示例
			});
		},
		// 进行中和待支付取消订单
		cancleOrder(item) {
			var form = {
				orderName: item.enterpriseName,
				entPortrait: item.enterpriseImage,
				orderImg: item.orderImage,
				businessName: item.orderName,
				amount: item.amount,
				totalPay: item.totalPay,
				orderId: item.orderId,
				statusName: item.orderStatus
			};
			uni.navigateTo({
				url: '../../pageageA/order/cancelOrder?form=' + JSON.stringify(form)
			});
		},
		//申请售后
		sq_service(orderId) {
			uni.navigateTo({
				url: '/pageageA/newservice/service_index?orderId=' + orderId
			});
		},
		//一键匹配取消订单
		quxiao(orderId) {
			var _this = this;
			uni.showModal({
				title: '',
				content: '确定要取消该订单吗？',
				cancelText: '我再想想', // 取消按钮的文字
				confirmText: '确认', // 确认按钮文字
				cancelColor: '#F29423',
				confirmColor: '#979797',
				success: function(res) {
					// that.is_click = true;
					if (res.confirm) {
						let opts = {
							way: true, //true JSON请求；false 表单请求
							method: 'post',
							url: 'unit-orders/cancelOrder'
						};
						let data = {
							orderId: orderId,
							platformType: 1
						};
						_this.http.httpTokenRequest(opts, data).then(res => {
							if (res.code == 200) {
								_this.$refs.uToast.show({
									title: res.message,
									type: 'success'
								});
								_this.orderDetail(that.orderId);
							} else {
								_this.$refs.uToast.show({
									title: res.message,
									type: 'error'
								});
							}
						});
					}
				}
			});
		},

		//申请退款
		sqtuikuan(orderId, chargeType) {
			console.log('1111');
			uni.navigateTo({
				url: '/pageageA/newservice/service_fw?orderId=' + orderId + '&chargeType=' + chargeType
			});
		},

		//立即评价
		ljpj(orderId, chargeType) {
			if (chargeType == 4) {
				uni.navigateTo({
					url: '../../pageageA/order/evaluate?orderId=' + orderId
				});
			} else {
				uni.navigateTo({
					url: '../../pageageA/order/evaluate_neworder?orderId=' + orderId
				});
			}
		},
		//再来一单
		zlyd(item) {
			// uni.navigateTo({
			// 	url: '/pageageA/service/online_order?businessId=' + item.businessId + '&chargeType=' + item.chargeType + '&titleName=' + item.orderName + '&supId=1'
			// });
			uni.navigateTo({
				url: '/pageageA/placeOrder/selectService?businessId=' + item.businessId + '&enterpriseId=' + item.enterpriseId
			});
		},

		//售后详情
		shxq(orderId) {
			uni.navigateTo({
				url: '../../pageageA/newservice/service_end?orderId=' + orderId
			});
			// uni.navigateTo({
			// 	url: '../../pageageA/order/service?orderId=' + orderId
			// });
		},
		// 支付

		fast(id) {
			var _this = this;

			uni.showModal({
				title: '提示',
				content: '确定支付吗？',
				cancelText: '取消', // 取消按钮的文字
				confirmText: '确认', // 确认按钮文字
				confirmColor: '#F29423',
				cancelColor: '#979797',
				success: function(res) {
					if (res.confirm) {
						let opts = {
							way: true, //true JSON请求；false 表单请求
							method: 'post',
							url: 'unit-orders/rePayUnit'
						};
						let data = {
							orderId: id
						};
						_this.http.httpTokenRequest(opts, data).then(res => {
							if (res.code == 200) {
								var needstr = res.data;
								uni.requestSubscribeMessage({
									tmplIds: ['IdSIZcF3KlfXRiP4wvU4jwt6hu2tU2LnbsUPfF_Tq80', 'EjQNBMRd3C1y7Y1OMAyLn7sLsRNoolBBV42v1btLchw'],
									success(res) {
										if (needstr.needPay == 0) {
											uni.navigateTo({
												url: './paySucess?type=1' + '&orderId=' + needstr.orderId
											});
										} else {
											_this.wxpay(needstr.vxPayData);
										}
									},
									fail(err) {
										if (needstr.needPay == 0) {
											uni.navigateTo({
												url: './paySucess?type=1' + '&orderId=' + needstr.orderId
											});
										} else {
											_this.wxpay(needstr.vxPayData);
										}
									}
								});

								// setTimeout(function() {
								// 	uni.navigateTo({
								// 		url: './orderSuccess?orderId=' + res.data
								// 	});
								// }, 500);
							} else {
								_this.$refs.uToast.show({
									title: res.message,
									type: 'error'
								});
							}
						});
					}
				}
			});
		},

		wxpay(str) {
			let _this = this;
			let query = str;
			uni.requestPayment({
				provider: 'wxpay',
				appId: query.appId,
				timeStamp: query.timeStamp + '',
				nonceStr: query.nonceStr,
				package: query.package,
				signType: query.signType,
				paySign: query.sign,
				success: res => {
					uni.navigateTo({
						url: './paySucess?type=1' + '&orderId=' + _this.orderId
					});
					_this.clickPay=true;
					_this.payorder=false;
				},
				fail: val => {
					_this.clickPay=true;
					_this.payorder=false;
					uni.showToast({
						title: '支付失败',
						icon: 'none'
					});
				}
			});
		},
		// 取消拼团中订单
		cancle(){
			this.title="温馨提示";
			this.content="发起拼单24小时后，若未拼单成功将自动取消订单并退款哦~";
			this.show=true;
		},
		is_mingxi() {
			this.mingxi = !this.mingxi;
		},
		//订单详情
		orderDetail(id) {
			let _this = this;
			let opts = {
				way: true, //true JSON请求；false 表单请求
				method: 'post',
				url: 'unit-orders/orderDetail'
			};
			let data = {
				orderId: id
			};
			_this.http.httpTokenRequest(opts, data).then(res => {
				_this.details = res.data;
				console.log(_this.details)
				if(_this.details.orderStatus == "FIGHT_GROUP"){
					uni.showShareMenu();
				}else{
					uni.hideShareMenu();
				}
				if (_this.details.verificationCode) {
					_this.val_code = res.data.verificationCode;
					this.val = JSON.stringify({
						orderId: this.orderId,
						code: this.val_code || ''
					});
				}
			});
		},
		// 优惠券跳转
		jump_youhui(id, orderStatus) {
			uni.navigateTo({
				url: '/pageageA/order/yhquan?id=' + id + '&orderStatus=' + orderStatus
			});
		},
		// 余额折扣选择
		radioChange() {
			this.check = !this.check;
			if (this.check == true) {
				that.useBalanceFlagflag = 1;
			} else {
				that.useBalanceFlagflag = 0;
			}
			this.getOrderDetail();
		},
		getOrderDetail() {
			let _this = this;
			let opts = {
				way: true, //true JSON请求；false 表单请求
				method: 'post',
				url: 'orders/info'
			};
			let data = {
				orderId: that.orderId,
				couponsId: that.quanid,
				useBalanceFlag: that.useBalanceFlagflag
			};
			_this.http.httpTokenRequest(opts, data).then(res => {
				console.log(res.data);
				_this.details = res.data;
			});
		},
		tabSelect(e) {
			var _this = this;
			_this.tabCur = e.target.dataset.id;
			console.log(_this.tabCur, '===');
		},
		showTab() {
			var _this = this;
			_this.show = !_this.show;
		},
		//推送
		ts() {
			uni.requestSubscribeMessage({
				tmplIds: ['IdSIZcF3KlfXRiP4wvU4jwt6hu2tU2LnbsUPfF_Tq80', 'EjQNBMRd3C1y7Y1OMAyLn7sLsRNoolBBV42v1btLchw'],
				success(res) {},
				fail(err) {}
			});
		},
		anniu(items, businessId, orderId, employeeId, chargeType, redirectType) {
			if (that.is_click == true) {
				that.is_click = false;
				var _this = this;
				var opts = {};
				var data = {};
				switch (items.redirectType) {
					case 1:
						//请求接口
						console.log(items, 'items');
						opts = {
							way: true, //true JSON请求；false 表单请求
							method: 'post',
							url: items.uri
						};
						data = {
							orderId: that.orderId,
							userCouponsId: that.quanid,
							useBalanceFlag: that.useBalanceFlagflag
						};
						_this.http.httpTokenRequest(opts, data).then(res => {
							if (res.code == 200) {
								_this.$refs.uToast.show({
									title: res.message,
									type: 'success'
								});
								uni.navigateBack(1);
							} else {
								that.is_click = true;
								_this.$refs.uToast.show({
									title: res.message,
									type: 'error'
								});
							}
						});
						break;
					case 2:
						// 订单详情
						uni.navigateTo({
							url: '../../pageageA/order/orderDetail?orderId=' + orderId + '&orderStatus=' + orderStatus
						});
						break;
					case 3:
						// 跳转定金页面
						uni.navigateTo({
							url: '../../pageageA/order/deposit?orderId=' + orderId
						});
						break;
					case 4:
						// 跳转签约页面
						uni.navigateTo({
							url: '../../pageageA/order/sign?orderId=' + orderId + '&redirectType=' + items.redirectType
						});
						break;
					case 5:
						// 跳转续约页面
						uni.navigateTo({
							url: '../../pageageA/order/sign?orderId=' + orderId + '&redirectType=' + items.redirectType
						});
						break;
					case 6:
						// 立即评价
						uni.navigateTo({
							url: '../../pageageA/order/evaluate?orderId=' + orderId
						});
						break;
					case 7:
						// 再次下单
						uni.navigateTo({
							url:
								'../../pageageA/service/online_order?businessId=' +
								businessId +
								'&orderId=' +
								orderId +
								'&employeeId=' +
								employeeId +
								'&chargeType=' +
								chargeType +
								'&zcxd=1'
						});
						break;
					case 8:
						// 跳转简历
						uni.navigateTo({
							url: '../../pageageA/home/matching/hisResume/hisResume?employeeId=' + employeeId + '&redirectId=' + businessId + '&addType=2'
						});
						break;
					case 9:
						uni.showModal({
							title: '',
							content: '确定要取消该订单吗？',
							cancelText: '我再想想', // 取消按钮的文字
							confirmText: '确认', // 确认按钮文字
							cancelColor: '#F29423',
							confirmColor: '#979797',
							success: function(res) {
								that.is_click = true;
								if (res.confirm) {
									let opts = {
										way: true, //true JSON请求；false 表单请求
										method: 'post',
										url: items.uri
									};
									let data = {
										orderId: that.orderId,
										userCouponsId: that.quanid,
										useBalanceFlag: that.useBalanceFlagflag
									};
									_this.http.httpTokenRequest(opts, data).then(res => {
										if (res.code == 200) {
											_this.$refs.uToast.show({
												title: res.message,
												type: 'success'
											});
											uni.switchTab({
												url: '/pages/order/index'
											});
											// _this.page = 1;
											// _this.goosList = [];
											// _this.prompt = '加载中....';
											// _this.getGoosList();
										} else {
											_this.$refs.uToast.show({
												title: res.message,
												type: 'error'
											});
										}
									});
								}
							}
						});
						break;
					case 10:
						// 支付日常订单
						// that.ts();
						opts = {
							way: true, //true JSON请求；false 表单请求
							method: 'post',
							url: items.uri
						};
						data = {
							orderId: orderId,
							userCouponsId: that.quanid,
							useBalanceFlag: that.useBalanceFlagflag
						};
						_this.http.httpTokenRequest(opts, data).then(res => {
							if (res.code == 200) {
								var needstr = res.data;
								uni.requestSubscribeMessage({
									tmplIds: ['IdSIZcF3KlfXRiP4wvU4jwt6hu2tU2LnbsUPfF_Tq80', 'EjQNBMRd3C1y7Y1OMAyLn7sLsRNoolBBV42v1btLchw'],
									success(res) {
										if (needstr.needPay == 0) {
											uni.navigateTo({
												url: './paySucess?type=1' + '&orderId=' + that.orderId
											});
										} else {
											_this.wxpay(needstr.vxPayData);
										}
									},
									fail(err) {
										if (needstr.needPay == 0) {
											uni.navigateTo({
												url: './paySucess?type=1' + '&orderId=' + that.orderId
											});
										} else {
											_this.wxpay(needstr.vxPayData);
										}
									}
								});
							} else {
								that.is_click = true;
								_this.$refs.uToast.show({
									title: res.message,
									type: 'error'
								});
							}
						});
						break;
					case 11:
						// 支付日常订单
						opts = {
							way: true, //true JSON请求；false 表单请求
							method: 'post',
							url: items.uri
						};
						data = {
							orderId: that.orderId,
							userCouponsId: that.quanid,
							useBalanceFlag: that.useBalanceFlagflag
						};
						_this.http.httpTokenRequest(opts, data).then(res => {
							if (res.code == 200) {
								var needstr = res.data;
								uni.requestSubscribeMessage({
									tmplIds: ['IdSIZcF3KlfXRiP4wvU4jwt6hu2tU2LnbsUPfF_Tq80', 'EjQNBMRd3C1y7Y1OMAyLn7sLsRNoolBBV42v1btLchw'],
									success(res) {
										if (needstr.needPay == 0) {
											uni.navigateTo({
												url: './paySucess?type=1' + '&orderId=' + that.orderId
											});
										} else {
											_this.wxpay(needstr.vxPayData);
										}
									},
									fail(err) {
										if (needstr.needPay == 0) {
											uni.navigateTo({
												url: './paySucess?type=1' + '&orderId=' + that.orderId
											});
										} else {
											_this.wxpay(needstr.vxPayData);
										}
									}
								});
								console.log(res.data);
							} else {
								that.is_click = true;
								_this.$refs.uToast.show({
									title: res.message,
									type: 'error'
								});
							}
						});
						break;
					case 12:
						// 申请售后
						uni.navigateTo({
							url: 'cause?orderId=' + orderId+'&type='+1
						});
						break;
					case 13:
						// 售后进度
						uni.navigateTo({
							url: 'service?orderId=' + orderId
						});
						break;
					default:
						break;
				}
			} else {
				// uni.showToast({
				// 	title:'请不要频繁操作',
				// 	icon:'none'
				// })
			}
		},
		onShareAppMessage(res) {
			return {
				title: "平台补贴 日常保洁（服务类型）拼团下单，就差1人拼成。",
				imageUrl:this.details.orderImage,
				path:'/pageageA/placeOrder/appointment?orderId='+this.details.orderId+'&groupType='+2
			};
		},
		annius(orderId) {
			let _this = this;
			uni.showModal({
				title: '提示',
				content: '是否确认重新匹配？',
				cancelText: '我再想想', // 取消按钮的文字
				confirmText: '确认', // 确认按钮文字
				cancelColor: '#F29423',
				confirmColor: '#979797',
				success: function(res) {
					if (res.confirm) {
						let opts = {
							way: true, //true JSON请求；false 表单请求
							method: 'post',
							url: 'orders/match/again'
						};
						let data = {
							orderId: that.orderId
						};
						_this.http.httpTokenRequest(opts, data).then(res => {
							if (res.code == 200) {
								_this.$refs.uToast.show({
									title: res.message,
									type: 'success'
								});
								setTimeout(function() {
									uni.switchTab({
										url: '/pages/order/index'
									});
								}, 500);
							} else {
								_this.$refs.uToast.show({
									title: res.message,
									type: 'error'
								});
							}
						});
					}
				}
			});
		}
	}
};
</script>

<style scoped lang="scss">
/* 导航 */

/* 未登录状态 */
.nologin {
	width: 100%;
}

.nologin image {
	width: 500rpx;
	display: block;
	margin: 0 auto;
	margin-top: 178rpx;
}

.nologin view {
	font-size: 28rpx;
	color: #333;
	text-align: center;
	margin-top: 25rpx;
}

.nologin navigator {
	width: 412rpx;
	height: 90rpx;
	// background-color: $uni-color1;
	line-height: 90rpx;
	color: #fff;
	font-size: 36rpx;
	text-align: center;
	border-radius: 45rpx;
	margin: 0 auto;
	margin-top: 100rpx;
}

.oderList {
	// padding: 0 40rpx 0 32rpx;
}

.shop {
	display: flex;
	justify-content: space-between;
	align-items: center;
	// padding: 12rpx 26rpx 14rpx 32rpx;
	height: 86rpx;
}

.shop_name {
	display: flex;
	align-items: center;
	padding: 0 40rpx 0 32rpx;
}

.shop_name image {
	width: 52rpx;
	height: 52rpx;
}

.shop_status {
	// background-color: #FCA800;
	color: #7a7a7a;
	height: 88rpx;
	padding: 0 40rpx 0 44rpx;
	line-height: 88rpx;
	font-size: 30rpx;
	font-weight: bold;
}

.line {
	border: 3rpx solid #e4e4e4;
}

.allorder {
	// padding: 6rpx 64rpx 12rpx 22rpx;
}

.orders {
	display: flex;
}

.orders image {
	width: 170rpx;
	height: 168rpx;
}

.orders .order_img {
	width: 160rpx;
	height: 222rpx;
	border-radius: 32rpx;
}

.person {
	width: 80%;
	padding-left: 32rpx;
}

.order_user {
	padding-top: 6rpx;
	font-size: 36rpx;
	color: #3f3f3f;
}

.usern {
	font-size: 30rpx;
	color: #656565;
	font-weight: 500;
}

.users {
	font-weight: bold;
	padding-top: 6rpx;
	color: #666666;
	font-size: 30rpx;
}

.rate {
	color: #979797;
	font-size: 24rpx;
	padding: 4rpx 0 10rpx 0;
}

.addres {
	color: #3f3f3f;
	font-size: 26rpx;
	font-weight: 500;
	font-family: PingFang SC;
}

.fenshu {
	display: flex;
	align-items: center;
}

.rates {
	color: #f29423;
	font-size: 26rpx;
	margin-left: 32rpx;
}

.detail_two {
	color: #666666;
	font-size: 30rpx;
	font-weight: bold;
	padding: 4rpx 0 0 40rpx;
	font-family: PingFang SC;
}

.style {
	padding-top: 24rpx;
	font-size: 26rpx;
	color: #979797;
	font-weight: 500;
}

.pad {
	padding-left: 18rpx;
}

.hour {
	color: #f29423;
	font-size: 26rpx;
	padding-top: 20rpx;
	font-weight: 500;
	font-family: PingFang SC;
}

.foot {
	padding: 48rpx 40rpx 0 40rpx;
	font-family: PingFang SC;
}

.foot_name {
	display: flex;
	justify-content: space-between;
	padding-top: 26rpx;
	font-size: 26rpx;
	font-weight: 500;
	padding-bottom: 30rpx;
	// border-bottom: 1rpx solid #EBEBEB;
}

.lei {
	color: #7a7a7a;
	font-weight: 500;
}

.footer {
	// height: 112rpx;
	position: fixed;
	z-index: 99;
	bottom: 0;
	width: 100%;
	background: #ffffff;
	opacity: 1;
}

.foot_mon {
	display: flex;
	justify-content: space-between;
	align-items: center;
	// padding: 20rpx 20rpx 0 0;
}

.write {
	font-size: 38rpx;
	font-weight: 500;
	color: #666666;
}

.write text {
	color: #fca800;
}
.lits {
	margin-top: 30rpx;
	display: flex;
}
.lits image {
	width: 114rpx;
	height: 114rpx;
}
.name {
	color: #7a7a7a;
	font-size: 30rpx;
	font-weight: bold;
}

.exprience {
	color: #f29423;
	font-size: 22rpx;
	border-radius: 5px 0px 5px 0px;
	border: 1px solid #f29423;
	background: #fff2d9;
	text-align: center;
	padding: 2rpx 20rpx;
	margin-left: 16rpx;
}
.goodAt {
	display: flex;
	font-size: 26rpx;
	margin-top: 10rpx;
}
.goods {
	color: #9393aa;
}
.have {
	// width: 453rpx;
	color: #707070;
	margin-left: 12rpx;
	font-family: PingFang SC;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	// height: 120rpx;
	line-height: 40rpx;
	overflow: hidden;
}
.have view {
	margin-right: 10rpx;
}
</style>
<style>
	.tki-qrcode{
		text-align: center; 
	}
</style>